<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    </head>
<body>
    <div class="condition">
        用户名：<input type="text">
        用户名：<input type="text">
        用户名：<input type="text">
        <button>
            <i class="fa fa-search"></i>
            查询
        </button>
        <button onclick="window.location.href='add.html'">
            <i class="fa fa-plus"></i>
            新增
        </button>
    </div>
    <table class="tablelist">
        <thead>
            <tr>
                <th>姓名</th>
                <th>姓名</th>
                <th>姓名</th>
                <th>姓名</th>
                <th width="160px">操作</th>
            </tr>
        </thead>
        <tr>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>
                <button class="edit">
                    <i class="fa fa-edit"></i>
                    修改
                </button>
                <button class="remove">
                    <i class="fa fa-remove"></i>
                    删除
                </button>
            </td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>
                <button class="edit">
                    <i class="fa fa-edit"></i>
                    修改
                </button>
                <button class="remove">
                    <i class="fa fa-remove"></i>
                   删除
                </button>
            </td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>
                <button class="edit">
                    <i class="fa fa-edit"></i>
                    修改
                </button>
                <button class="remove">
                    <i class="fa fa-remove"></i>
                    删除
                </button>
            </td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>
                <button class="edit">
                    <i class="fa fa-edit"></i>
                    修改
                </button>
                <button class="remove">
                    <i class="fa fa-remove"></i>
                    删除
                </button>
            </td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>
                <button class="edit">
                    <i class="fa fa-edit"></i>
                    修改
                </button>
                <button class="remove">
                    <i class="fa fa-remove"></i>
                    删除
                </button>
            </td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
            <td>
                <button class="edit">
                    <i class="fa fa-edit"></i>
                    修改
                </button>
                <button class="remove">
                    <i class="fa fa-remove"></i>
                    删除
                </button>
            </td>
        </tr>
    </table>
    <table class="page">
        <td>
            <button>首页</button>
            <button>上一页</button>
            <button>下一页</button>
            <button>尾页</button>
            <input type="text" class="page-no" name="page-no"/>
            <button>跳转</button>
        </td>
    </table>
</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" type="text/javascript"></script>
</html>